<template>
  <div>
    <h1>vant</h1>
    <!-- 底部tabbar -->
    <div>
      <van-icon name="cart-o" color="#1989fa" />
      <van-icon name="fire-o" color="#ee0a24" size="4rem"/>
    </div>

    <van-tabbar v-model="active">
      <van-tabbar-item icon="chat-o" color="#ee0a24" dot>标签</van-tabbar-item>
      <van-tabbar-item icon="search" badge="99+">标签</van-tabbar-item>
      <van-tabbar-item icon="friends-o">标签</van-tabbar-item>
      <van-tabbar-item icon="setting-o">标签</van-tabbar-item>
    </van-tabbar>
  </div>
</template>

<script>
export default {
  data() {
    return {
      active: 0
    };
  }
};
</script>

<style>
</style>